
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- <meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"> -->
  
  <meta name="apple-mobile-web-app-capable" content="yes"/>
  
     
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
  
  <link rel="stylesheet" href="/css/custom-theme/theme-custom.css" />
  
  <!-- ISCROLL VIEW -->
  <!--  <link rel="stylesheet" href="jquery.mobile.iscrollview.css"/>
    <link rel="stylesheet" href="jquery.mobile.iscrollview-pull.css"/>
    <link rel="stylesheet" href="additional-site-specific-styles.css"/> -->
  
  <!-- for horizontal scroll -->
  <!-- <link href="JQMScrolling-master/content/style.css" rel="stylesheet" type="text/css" /> -->
  <!-- <link href="css/style_horiz_scroll.css" rel="stylesheet" type="text/css" /> -->
  
  
  <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  <!--<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.js"></script>-->
  <script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
  
  <!-- ISCROLL VIEW -->
  <!--  <script src="/jquery-mobile-iscrollview-master/demo/build/javascripts/iscroll.js"></script>
    <script src="/jquery-mobile-iscrollview-master/lib/jquery.mobile.iscrollview.js"></script> -->




  <!-- =====================

    da page.gift_list.php

    ======================= -->

  <link href="jquery-mobile-iscrollview-master/lib/jquery.mobile.iscrollview.css" media="screen" rel="stylesheet" type="text/css" />
  <link href="jquery-mobile-iscrollview-master/lib/jquery.mobile.iscrollview-pull.css" media="screen" rel="stylesheet" type="text/css" />



  <script type="application/javascript" src="jquery-mobile-iscrollview-master/demo/build/javascripts/iscroll.js"></script>
  <script type="application/javascript" src="jquery-mobile-iscrollview-master/lib/jquery.mobile.iscrollview.js"></script>


  
  <!-- Customizzo le distanze dai margini di JQM che di defaul è 15 px. -->
  
  <style type="text/css" media="screen">
  /*
   .ui-content { padding: 8px; }
   .ui-content .ui-listview, .ui-panel-inner > .ui-listview { margin: -8px; }
   .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li { padding: .7em 8px; }
  */
 
 /*.apple-navbar-ui li a */ 
 
 .ui-li-count { 
   color: #ffffff; /* right: 0.5em; JQM 1.1 removed */ 
   /*font-size: 90%; */
   /*text-shadow: none; */
   font-weight: bold; 
   font-family: arial; 
   -moz-box-shadow: 0 1px 2px #999; -webkit-box-shadow: 0 1px 2px #999; box-shadow: 0 1px 2px #999; /* padding-bottom: 1px; JQM 1.1 removed */ 
   /*padding: 0 4px 0 4px;*/
     padding:2px 6px 2px 6px;
   border: 0.15em solid #ffffff; border-radius: 14px; -moz-border-radius: 14px; -webkit-border-radius: 14px;
   background-color: #72b0d4;

   line-height: 16px; display: inline-block; background-position: 0 0 !important; margin-right: 38%; margin-top: 3px; /* - JQM 1.1 changed */ position: absolute; /* JQM 1.1 added */
  
   background-image: -webkit-gradient(linear,left top,left bottom, color-stop(0,#72b0d4),color-stop(1,#4b88b6)); 
   background-image: -webkit-linear-gradient(top, #72b0d4, #4b88b6);
   background-image: linear-gradient(top, #72b0d4, #4b88b6);
   background-image: -moz-linear-gradient(top, #72b0d4, #4b88b6);
   background-image: -o-linear-gradient(top, #72b0d4, #4b88b6);
   background-image: -ms-linear-gradient(top, #72b0d4, #4b88b6);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6');
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#72b0d4', EndColorStr='#4b88b6')";
  }
 
  
  
   .ui-bar-f {
     background-color: #4d74cd;
     background-image: none;
     /*background: -webkit-linear-gradient(#738aba, #2c4987);*/
     background: -webkit-linear-gradient(#738aba, #4d74cd);
     /*border: 0;*/
     border-bottom: 1px solid gray;
   }
  
  h1.ui-title {    
    margin: .6em 30% .6em !important;
  }
  
  
  div[data-role=content] {
      min-height: 390px;     
    }
  
  
  
  
  /* css per creare i button BACK e NEXT nell'header con i bordi triangolari */
  
  
  a.backbutton{  
    margin-left: 11px !important;
    margin-top: 4px !important;
    background: none !important;
    border: 0 !important;
  }
  
  
  a.backbutton span {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    /*padding-right: 6px !important;*/    
    color: #fff;    
    font-size: 13px; 
    font-weight: bold; 
    text-shadow: 0 -1px 0 rgba(0,0,0, 0.4);
    margin-left: 1px;
     
  }
  
  
  a.backbutton span.ui-btn-inner {        
    /*-webkit-transform: skew(15deg);
    display: block; 
    width: 15px; 
    height: 16px; */
    background: -webkit-gradient(linear, left top, right bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa)) !important;   
    -webkit-border-radius: 1px !important; 
    border: 1px solid rgba(0,0,0, 0.4) !important; 
    /*border-right: 0 !important;*/
    border-left: 0 !important; 
    /*border-top: 0 !important;*/
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25) !important;
    padding-right: 6px !important;
    padding-left: 1px !important;
     
  }
  
  
  
  
  a.nextbutton {  
    margin-right: 11px !important;
    margin-top: 4px !important;
    border: 0 !important;
  }
  
  
  a.nextbutton span   {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    color: #fff;    
    font-size: 13px; 
    font-weight: bold; 
    text-shadow: 0 -1px 0 rgba(0,0,0, 0.4);
    margin-right: 1px;

  }
  
  a.nextbutton span.ui-btn-inner {        
    /*-webkit-transform: skew(15deg);
    display: block; 
    width: 15px; 
    height: 16px; */
    background: -webkit-gradient(linear, right top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa)) !important;   
    -webkit-border-radius: 1px !important; 
    border: 1px solid rgba(0,0,0, 0.4) !important;     
    border-right: 0 !important; 
    /*border-top: 0 !important;*/
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25) !important;
    padding-right: 1px !important;
    padding-left: 6px !important;
     
  }
  
  
  
  a.rectbutton {    
    margin-top: 4px !important;
    border: 0 !important;
  }
  
  
  a.rectbutton span   {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
    /*padding-left: 6px !important;*/ 
    color: #fff;    
    font-size: 13px; 
    font-weight: bold; 
    text-shadow: 0 -1px 0 rgba(0,0,0, 0.4);
  }
  
  
   a.rectbutton span.ui-btn-inner  {  /* .recticon se voglio il rettangolo intorno l'icona */            
    background: -webkit-gradient(linear, right top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa)) !important;   
    -webkit-border-radius: 1px !important; 
    border: 1px solid rgba(0,0,0, 0.4) !important; 
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25) !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
  }
  
  a.recticon {
      background: 0 !important;
      border: 0 !important;
      box-shadow: none !important;
    }
  
  a.recticon span {
    border:0 !important;
    border-radius: 0 !important;
  }
  
  a.recticon span.ui-btn-inner {
    border-radius:0 !important;
    border:0 !important;
  }
  
  a.recticon span.ui-icon-bars {   
    height: 24px;
  }
  
  /****** PRODUCT LIST ****/
  
  p.prodShorDesc{
	  font-size:0.8em;
	  text-decoration:none;
  }
  
  DIV .addGift { 
  	float:right;
	/*margin-right:10px;*/
      margin-right:2px;
  }




      /* css agguntivo per la gestione del pulsante AddProduct in get_best_products */
    a.notselected {
      color: white; font-style: italic; text-decoration: none
    }

   a.notselected span {
       font-size: 0.75em; border: 1px solid gray; padding: 3px; background-color: #4d74cd;
   }

  a.selected span {
      background-color: white;
      border: 0;

  }


  </style>
  
  

  <!-- For stars-->
  
  <!--<link rel="stylesheet" href="/lib/rateit/src/rateit.css" />
  <script src="/lib/rateit/src/jquery.rateit.min.js"></script>-->
  

  <!-- Disable AJAX at all -->
  
  <!--
  <script>
    $(document).bind(“mobileinit”, function() { $.mobile.ajaxEnabled = false; });
  </script>  
  -->



